<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <meta http-equiv="expires" content="0"/>
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"/>
        <meta http-equiv="pragma" content="no-cache"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <link rel="apple-touch-icon" sizes="72x72" href="resources/images/touch-icon-ipad.png" />


        <link rel="stylesheet"  href="resources/css/smartphone.css"  media="only screen and (max-width: 768px)"/>
        <link rel="stylesheet"  href="resources/css/tablet.css"      media="only screen and (min-width: 769px) and (max-width: 1024px)"/>
        <link rel="stylesheet"  href="resources/css/desktop.css"     media="only screen and (min-width: 1025px)"/>
        <link rel="stylesheet"  href="resources/css/jquery.mobile.structure-1.1.0_smartphone.css" media="only screen and (max-width: 480px)"/>
        <link rel="stylesheet"  href="resources/css/jquery.mobile.structure-1.1.0_tablet.css" media="only screen and (min-width: 481px) and (max-width: 1024px)"/>
        <link rel="stylesheet"  href="resources/css/jquery.mobile.structure-1.1.0_desktop.css" media="only screen and (min-width: 1025px)"/>

        <script type="text/javascript"   src="resources/js/jquery-1.7.2.js"/>
        <script type="text/javascript"   src="resources/js/jquery.mobile-1.1.0.js"/>

    </h:head>

    <h:body>
        <div data-role="page" id="page" data-add-back-btn="true" data-back-btn-text="Zurück">

            <div id="header">
                <ui:insert name="header" >
                    <ui:include src="header.xhtml" />
                </ui:insert>
            </div>

            <div id="content">
                <ui:insert name="content" >
                    <ui:include src="content.xhtml" />
                </ui:insert>
            </div>

            <div id="footer">
                <ui:insert name="footer" >

                </ui:insert>
            </div>

        </div>

    </h:body>
</html>
